<!DOCTYPE html>
<html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml">
    <head>
        <meta charset="UTF-8">
`       <title>指令与事件</title>
    </head>
    <body>
        <div id="app">
            <a v-bind:href="url">链接</a>
            <img v-bind:src="imgUrl">
        </div>
        <script src = "../vue.min.js"></script>
        <script>
            // v-bind（缩写为:）的基本用途是动态更新HTML元素上的属性
            // v-bind后面的属性字符串中可以直接从Vue的data属性中取值
            var app  = new Vue({
                el: "#app",
                data:{
                    url: 'https://www.github.com',
                    imgUrl: 'http://xxx.xxx.xx/img.png'
                }
            })
            
        </script>
    </body>
</html>